Vue 下拉框值变动事件传多个参数

#Vue 下拉框值变动事件传多个参数| 来源: 网络整理| 查看: 265

在使用 Vue 进行开发时，下拉框值变动事件 @change 是很常用的。

其传参一般分为两种方式：默认传参和自定义传参。

默认传参

@change 默认会传选中项标识的参数，在传参处不用定义，在方法中直接接受即可。

methods: { onChange(value) { console.log(value); } }

此时控制台会打印下拉框选中项对应的标识值。

自定义传参

我们经常会遇到需要下拉框传递多个参数的场景，这是需要自定义传参方式。

methods: { onChange(value, index) { console.log(value); console.log(index); } }

此时控制台会分别打印下拉框选中项对应的标识值和外部标签中的序号值。

本文来自博客园，作者：程序航，转载请注明原文链接：https://www.cnblogs.com/codesail/p/15502579.html

【本文地址】

公司简介

联系我们